<template>
	<view class="content">
		<view class="context">
			<view class="icons">
				<u-icon name="thumb-up" color="#fff" size="70"></u-icon>
			</view>
			<view class="title1">评价成功</view>
			<view class="title2">感谢你的评价~</view>
			<view class="title2">有您的支持我们会做的更好！</view>
		</view>
		<view class="btn">
			<u-button type="primary" text="确定" @click="toPage"></u-button>
		</view>
		<view class="eval_bottom">
			<view>
				<image src="@/static/images/explain.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			toPage() {
				uni.switchTab({
					url: "/pages/index/mine",
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	::v-deep .u-icon--right {
		justify-content: center;
	}
	.content {
		width: 100%;
		height: 100vh;
		padding-top: 140rpx;
		.context{
			width: 100%;
			text-align: center;
			line-height: 40rpx;
			.icons{
				width: 150rpx;
				height: 150rpx;
				border-radius: 50%;
				background-color: #009bee;
				display: flex;
				justify-content: center;
				margin: 0 auto;
			}
			.title1{
				font-size: 50rpx;
				font-weight: 600;
				color: #000;
				margin: 60rpx 0;
			}
			.title2{
				font-size: 40rpx;
				color: #999;
				margin: 20rpx 0;
			}
		}

		.btn {
			width: 80%;
			height: 80rpx;
			margin: 0 auto;
			margin-top: 50rpx;

		}

		.eval_bottom {
			width: 100%;
			height: 120rpx;

			view {
				width: 246rpx;
				height: 90rpx;
				margin-left: auto;
				margin-right: auto;
				margin-top: 100rpx;

				image {
					width: 246rpx;
					height: 90rpx;
				}
			}
		}
	}
</style>